<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人中心</title>
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/rem.js"></script>

    <link rel="stylesheet" href="css/color.css">
    <link rel="stylesheet" href="css/other.css">
    <link rel="stylesheet" href="css/usercenter.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/home.css">
</head>

<body>
<div class="pages">
    <div class="usercenter-head">
        <p class="change-pass">修改密码</p>
        <div class="head-box">
            <img src="./image/qrcode-bg.jpg" alt="" class="avatar">
            <p>普通会员</p>
            <p>账号：***********</p>
        </div>
        <div class="assets-box">
            <div class="assets">
                <p>300</p>
                <p>积分</p>
            </div>
            <div class="assets">
                <p>300</p>
                <p>流水</p>
            </div>
        </div>
<!--        <div class="head-skew-top"></div>-->
<!--        <div class="heads">-->
<!--            <div class="head-img">-->
<!--                <img src="icon/code.png" alt="">-->
<!--            </div>-->
<!--            <div>普通会员</div>-->
<!--        </div>-->
<!--        <div class="head-text">-->
<!--            <div class="head-msg">-->
<!--                <div>账号:</div>-->
<!--                <div class="user-name">12002554122</div>-->
<!--            </div>-->
<!--            <div class="usermsg">-->
<!--                <div>-->
<!--                    <div>456</div>-->
<!--                    <div class="desc">积分</div>-->
<!--                </div>-->
<!--                <div>-->
<!--                    <div>33333</div>-->
<!--                    <div class="desc">流水</div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
    </div>

    <!--  -->
    <div class="grid-item">
        <div class="grid-title">
            <div>订单服务</div>
        </div>
        <div class="grid-item_card">
            <div class="grid-card">
                <div class="grid-card-img">
                    <img src="icon/npay.png" alt="">
                </div>
                <div class="grid-card-text">未付款</div>
            </div>
            <div class="grid-card">
                <div class="grid-card-img">
                    <img src="icon/pays.png" alt="">
                </div>
                <div class="grid-card-text">已付款</div>
            </div>
            <div class="grid-card">
                <div class="grid-card-img">
                    <img src="icon/pay.png" alt="">
                </div>
                <div class="grid-card-text">已完成</div>
            </div>

        </div>
    </div>
    <!--  -->

    <div class="grid-item">
        <div class="grid-title">
            <div>订单服务</div>
        </div>
        <div class="grid-item_card">
            <div class="grid-card">
                <div class="grid-card-img">
                    <img src="icon/team.png" alt="">
                </div>
                <div class="grid-card-text">我的团队</div>
            </div>
            <div class="grid-card">
                <div class="grid-card-img">
                    <img src="icon/caifu.png" alt="">
                </div>
                <div class="grid-card-text">我的财富</div>
            </div>
            <div class="grid-card">
                <div class="grid-card-img">
                    <img src="icon/ewm.png" alt="">
                </div>
                <div class="grid-card-text">我的二维码</div>
            </div>
        </div>

        <div class="grid-item_card">
            <div class="grid-card">
                <div class="grid-card-img">
                    <img src="icon/order.png" alt="">
                </div>
                <div class="grid-card-text">商城订单</div>
            </div>
            <div class="grid-card">
                <div class="grid-card-img">
                    <img src="icon/q-order.png" alt="">
                </div>
                <div class="grid-card-text">抢购订单</div>
            </div>
            <div class="grid-card">
                <div class="grid-card-img">
                    <img src="icon/tixian.png" alt="">
                </div>
                <div class="grid-card-text">体现管理</div>
            </div>
        </div>


        <div class="grid-item_card">
            <div class="grid-card">
                <div class="grid-card-img">
                    <img src="icon/usermsg.png" alt="">
                </div>
                <div class="grid-card-text">我的资料</div>
            </div>
            <div class="grid-card">
                <div class="grid-card-img">
                    <img src="icon/bank.png" alt="">
                </div>
                <div class="grid-card-text">银行卡管理</div>
            </div>
            <div class="grid-card">
                <div class="grid-card-img">
                    <img src="icon/chongzhi.png" alt="">
                </div>
                <div class="grid-card-text">充值</div>
            </div>
        </div>
    </div>
    <!--  -->
</div>
<div class="tabbars">
    <div class="tabbar-navs">
        <div class="navs" onclick="chooseTab('home')">
            <img src="./icon/home.png" class="icon-pngs home">
            <p>首页</p>
        </div>

        <div class="navs" onclick="chooseTab('service')">
            <img src="./icon/service.png" class="icon-pngs service">
            <p>客服</p>
        </div>

        <div class="navs" onclick="chooseTab('user')">
            <img src="./icon/user-choose.png" class="icon-pngs user">
            <p>个人中心</p>
        </div>
    </div>
</div>
</body>
<script src="./js/common.js"></script>

</html>